
$(function(){
	//这个可以解决移动端点击事件延迟300ms
	FastClick.attach(document.body);
	
	// 进入该页面展示出曾经的搜索历史。
	var history =  JSON.parse(localStorage.getItem('keyArr') || '[]');
	var html=template('searchList',{result:history});	
	$("#historyList").html(html);
})

// 用户点击搜索按钮添加点击事件
$('#search-btn').on('click',function(event){
	var keywords = $(this).siblings('input').val();
	// 用户输入了关键字
	if(keywords.trim()){	

		// 跳转到搜索结果页面
		location.href="search-result.html?keywords="+keywords+"";
		
		// 先从localStorage中取出，然后再push进去，这样就会保留之前的。
		var keyArr = JSON.parse(localStorage.getItem('keyArr') || '[]');
		keyArr.unshift(keywords);
		// 存到localStorage，只能存字符串
		localStorage.setItem('keyArr',JSON.stringify(keyArr));
		var html=template('searchList',{result:keyArr});	
	    $("#historyList").html(html);
	}else{
	 // 用户没有输入关键字
	 mui.toast('请输入关键字',{ duration:'long', type:'div' });
	}
});

// 清除历史记录
$(".clearhistory").click(function(){
	// 清空本地存储中的数据
	localStorage.removeItem('keyArr');
	// 清空页面中的数据
	$("#historyList").html("");
})
